$(function() {
    var swiper = "";

    // 初始化流程图
    var step2 = new SetStep({
        content: '.stepCont2',
        clickAble: false,
        descriptionHeader: ['填写信息', '直播邀请', '输入邀请公告', '选择画面'],
        steps: ['1', '2', '3', '4'],
        stepContainerMar:200,
        imgWidth:-320, // 调整居中位置
        stepCounts: 4, // 一共有多少步骤
        curStep: 1,// 一开始显示第几步
    });

    // 点击退出按钮，退出页面，返回某个页面
    $(".stepCont2").on("click","#exitBtn",function () {
        history.back(-1);
    })

    /* 对步骤一进行全局初始化开始 */


    // 限制课堂标题的字数小于12
    $(".titleInput").change(function(){
        $(this).next(".t_h").children("i").html($(this).val().length)
    })
    $(".titleInput").keydown(function(){
        $(this).next(".t_h").children("i").html($(this).val().length)
    })
    $(".titleInput").keyup(function(){
        $(this).next(".t_h").children("i").html($(this).val().length)
    })


    // 限制课堂详情的字数小于200
    $(".intruTextarea").change(function(){
        $(this).next(".t_h").children("i").html($(this).val().length)
    })
    $(".intruTextarea").keydown(function(){
        $(this).next(".t_h").children("i").html($(this).val().length)
    })
    $(".intruTextarea").keyup(function(){
        $(this).next(".t_h").children("i").html($(this).val().length)
    })

    // 初始化日期、时间插件

    // 年月日单个,消息公告的日期筛选
    // 20190522新增：时间控件切换，只可选当天以后的日期
    var todayDate = sh.dateFormat("yyyy-MM-dd",new Date());

    $('#chooseDate').fdatepicker({
        format: 'yyyy-mm-dd',
        // pickTime: true
        pickTime: false,
        startDate:todayDate,
    }).on("hide",function(ev){
        // pickDateCallBack(noteData,new Date($("#chooseDate").val()).getTime());
        // $("#chooseDate").val($("#chooseDate").val()+" "+sh.getWeek(new Date($("#chooseDate").val()).getDay()));
    });


    // 初始化时间选择控件
    $("#timePicker").hunterTimePicker();

    /* 对步骤一进行全局初始化结束 */
    /* 对步骤二进行全局初始化 */
    /* 对步骤二进行全局初始化结束 */

    // 点击上一步、下一步，判断目前的步骤数，对2.3.4步的步骤做初始化
    $(".stepCont2").on("click","#nextBtn,#prevBtn",function () {
        // getStepNum().then(function(nowStepNum){  // nowStepNum是当前步骤数
        //
        // });
        getStepNum();

    })



});

//判断当前的流程所在的步骤
function getStepNum(){

    // return new Promise(function (resolve,reject) {
    var liLen = $(".ystep-container-steps li").length;
    var nowStep = 0;
    setTimeout(function () {
        for(var i=0;i<liLen;i++){
            if($(".ystep-container-steps li").eq(i).hasClass("ystep-step-active")){
                nowStep =i+1;
                break;
            }
        }

        getStepNumCallBack(nowStep);
    },500);
}

function getStepNumCallBack(nowStepNum){
    if(nowStepNum == 1 ){                       // 步骤一

        // 步骤一的其他初始化需放到全局里，不能放到此处，此处有延迟（等待页面全部加载才能判断步骤数）
        $("#endBtn").remove();
        $("#nextBtn").show();
        $("#nextBtn").html("下一步");

    }
    else if(nowStepNum == 2){                 // 步骤二
        $("#endBtn").remove();
        $("#nextBtn").show();
        $("#nextBtn").html("下一步");


        /*对步骤二进行全局初始化开始*/




        // spaceList为所有教室的数据，后台需发送ajax得到spaceList
        var spaceList = [
            {
                id:0,
                spaceName:"JO1A101",
                grade:"五年级",
                addtress:"JO1",
                school:"洪山五小" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:1,
                spaceName:"JO1A102",
                grade:"六年级",
                addtress:"JO1",
                school:"洪山三小" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:2,
                spaceName:"JO1A103",
                grade:"一年级",
                addtress:"JO1",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:3,
                spaceName:"JO1A104",
                grade:"二年级",
                addtress:"JO1",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:4,
                spaceName:"JO1A105",
                grade:"三年级",
                addtress:"JO1",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:5,
                spaceName:"JO1A106",
                grade:"四年级",
                addtress:"JO1",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:6,
                spaceName:"JO1A107",
                grade:"五年级",
                addtress:"JO1",
                school:"四川大学"//是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:7,
                spaceName:"JO1A108",
                grade:"六年级",
                addtress:"JO1",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:8,
                spaceName:"JO1A109",
                grade:"一年级",
                addtress:"JO1",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:9,
                spaceName:"JO1A110",
                grade:"二年级",
                addtress:"JO1",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:10,
                spaceName:"JO2A111",
                grade:"三年级",
                addtress:"JO2",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:11,
                spaceName:"JO2A112",
                grade:"四年级",
                addtress:"JO2",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:12,
                spaceName:"JO2A113",
                grade:"五年级",
                addtress:"JO2",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:13,
                spaceName:"JO2A114",
                grade:"六年级",
                addtress:"JO2",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:14,
                spaceName:"JO2A115",
                grade:"一年级",
                addtress:"JO2",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:15,
                spaceName:"JO2A116",
                grade:"二年级",
                addtress:"JO2",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:16,
                spaceName:"JO2A117",
                grade:"三年级",
                addtress:"JO2",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:17,
                spaceName:"JO2A118",
                grade:"四年级",
                addtress:"JO2",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:18,
                spaceName:"JO2A119",
                grade:"五年级",
                addtress:"JO2",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:19,
                spaceName:"JO2A120",
                grade:"六年级",
                addtress:"JO2",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:20,
                spaceName:"JO2A121",
                grade:"一年级",
                addtress:"JO2",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:21,
                spaceName:"JO3A122",
                grade:"二年级",
                addtress:"JO2",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:22,
                spaceName:"JO3A123",
                grade:"三年级",
                addtress:"JO3",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:23,
                spaceName:"JO3A124",
                grade:"四年级",
                addtress:"JO3",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:24,
                spaceName:"JO3A125",
                grade:"五年级",
                addtress:"JO3",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:25,
                spaceName:"JO3A126",
                grade:"六年级",
                addtress:"JO3",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:26,
                spaceName:"JO3A127",
                grade:"一年级",
                addtress:"JO3",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:27,
                spaceName:"JO3A128",
                grade:"二年级",
                addtress:"JO3",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:28,
                spaceName:"JO3A129",
                grade:"三年级",
                addtress:"JO3",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:29,
                spaceName:"JO3A130",
                grade:"四年级",
                addtress:"JO3",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:30,
                spaceName:"JO3A131",
                grade:"五年级",
                addtress:"JO3",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:31,
                spaceName:"JO4A132",
                grade:"六年级",
                addtress:"JO4",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间

            },
            {
                id:32,
                spaceName:"JO4A133",
                grade:"一年级",
                addtress:"JO4",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:33,
                spaceName:"JO4A134",
                grade:"二年级",
                addtress:"JO4",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:34,
                spaceName:"JO4A135",
                grade:"三年级",
                addtress:"JO4",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:35,
                spaceName:"JO4A136",
                grade:"四年级",
                addtress:"JO4",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:36,
                spaceName:"JO4A137",
                grade:"五年级",
                addtress:"JO4",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:37,
                spaceName:"JO4A138",
                grade:"六年级",
                addtress:"JO4",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:38,
                spaceName:"JO4A139",
                grade:"一年级",
                addtress:"JO4",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:39,
                spaceName:"JO4A140",
                grade:"二年级",
                addtress:"JO4",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:40,
                spaceName:"JO4A141",
                grade:"三年级",
                addtress:"JO4",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:41,
                spaceName:"JO5A142",
                grade:"四年级",
                addtress:"JO5",
                school:"武汉大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:42,
                spaceName:"J05A143",
                grade:"五年级",
                addtress:"JO5",
                school:"新疆大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:43,
                spaceName:"J05A144",
                grade:"六年级",
                addtress:"JO5",
                school:"吉林大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:44,
                spaceName:"J06A145",
                grade:"一年级",
                addtress:"JO5",
                school:"武汉学院" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:45,
                spaceName:"J05A146",
                grade:"二年级",
                addtress:"JO5",
                school:"湖北大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:46,
                spaceName:"J05A147",
                grade:"三年级",
                addtress:"JO5",
                school:"汉口学院" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:47,
                spaceName:"J05A148",
                grade:"四年级",
                addtress:"JO5",
                school:"武昌学院" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:48,
                spaceName:"J05A149",
                grade:"五年级",
                addtress:"JO5",
                school:"江汉大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:49,
                spaceName:"J05A150",
                grade:"六年级",
                addtress:"JO5",
                school:"新疆大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:50,
                spaceName:"JO4A141",
                grade:"三年级",
                addtress:"JO4",
                school:"东北大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:51,
                spaceName:"JO5A142",
                grade:"四年级",
                addtress:"JO5",
                school:"哈尔滨工程大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:52,
                spaceName:"J05A143",
                grade:"五年级",
                addtress:"JO5",
                school:"哈尔滨工业大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:53,
                spaceName:"J05A144",
                grade:"六年级",
                addtress:"JO5",
                school:"清华大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:54,
                spaceName:"J06A145",
                grade:"一年级",
                addtress:"JO5",
                school:"北京师范大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:55,
                spaceName:"J05A146",
                grade:"二年级",
                addtress:"JO5",
                school:"中国传媒大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:56,
                spaceName:"J05A147",
                grade:"三年级",
                addtress:"JO5",
                school:"哈尔滨工程大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:57,
                spaceName:"J05A148",
                grade:"四年级",
                addtress:"JO5",
                school:"海军工程大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:58,
                spaceName:"J05A149",
                grade:"五年级",
                addtress:"JO5",
                school:"武汉科技大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:59,
                spaceName:"J05A150",
                grade:"六年级",
                addtress:"JO5",
                school:"湖北美术学院" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:60,
                spaceName:"JO4A141",
                grade:"三年级",
                addtress:"JO4",
                school:"湖北工业大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:61,
                spaceName:"JO5A142",
                grade:"四年级",
                addtress:"JO5",
                school:"华中师范大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:62,
                spaceName:"J05A143",
                grade:"五年级",
                addtress:"JO5",
                school:"北京航天大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:63,
                spaceName:"J05A144",
                grade:"六年级",
                addtress:"JO5",
                school:"北京航空航天大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:64,
                spaceName:"J06A145",
                grade:"一年级",
                addtress:"JO5",
                school:"湖南大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:65,
                spaceName:"J05A146",
                grade:"二年级",
                addtress:"JO5",
                school:"新疆大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:66,
                spaceName:"J05A147",
                grade:"三年级",
                addtress:"JO5",
                school:"家里蹲大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:67,
                spaceName:"J05A148",
                grade:"四年级",
                addtress:"JO5",
                school:"家里蹲大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:68,
                spaceName:"J05A149",
                grade:"五年级",
                addtress:"JO5",
                school:"家里蹲大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:69,
                spaceName:"J05A150",
                grade:"六年级",
                addtress:"JO5",
                school:"家里蹲大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:70,
                spaceName:"J05A146",
                grade:"二年级",
                addtress:"JO5",
                school:"家里蹲大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:71,
                spaceName:"J05A147",
                grade:"三年级",
                addtress:"JO5",
                school:"家里蹲大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:72,
                spaceName:"J05A148",
                grade:"四年级",
                addtress:"JO5",
                school:"家里蹲大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:73,
                spaceName:"J05A149",
                grade:"五年级",
                addtress:"JO5",
                school:"家里蹲大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:74,
                spaceName:"J05A150",
                grade:"六年级",
                addtress:"JO5",
                school:"家里蹲大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            }
        ]

        // localSchool是当前空间或用户所属的学校，后台通过发送ajax得到当前空间所属的学校属性存入localSchool
        var localSchool = "四川大学";

        var localClassList = [];// localClassList用于渲染本地教室列表
        var onlineClassList = [];// onlineClassList用于渲染在线教室列表

        spaceList.forEach(function(item){
            item.school == localSchool ? localClassList.push(item) : onlineClassList.push(item);
        });

        $("button").click(function(event){
            event.preventDefault();
        });


// 点击添加教室按钮，显示教室选择弹窗
        $(".addClassBtn").on("click",function () {
            selectedTag = [];// 将已选筛选记录清空，selectedTag所有已筛选的筛选项
            selectedSpaceIndex = [];  // 将已选记录清空，selectedSpaceIndex保存了所有的已邀请的教室的id

            $("#classSelectContent ul li").each(function () {
                selectedSpaceIndex.push(parseInt($(this).attr("index"))); // selectedSpaceIndex为已选教室的保存记录，保存已邀请教室的id.
            })

            console.log(selectedSpaceIndex);
            // 将教室标题显示，用户标题隐藏
            $(".chooseUserTitle").hide();
            $(".chooseClassTitle").show();

            // 将已选空间标题改为：当前邀请的教室
            $(".selected-title-content").html("当前邀请的教室");

            // 初始化显示本地教室
            $(".chooseClassTitle ul li").eq(0).children("a").addClass("active");
            $(".chooseClassTitle ul li").eq(1).children("a").removeClass("active");

            // 隐藏用户筛选区，显示教室筛选区
            $(".choose-class").show().next(".choose-user").hide();

            // 筛选区显示本地教室筛选，隐藏在线教室筛选
            $(".onineClassChoosen").hide().prev(".localClassChoosen").show();

            //完成创建按钮显示教室的邀请按钮，隐藏用户的邀请按钮。
            $("#user-confirm-btn").hide().prev("#class-confirm-btn").show();

            //初始化弹窗,显示本地教室选择器
            initModeWindow(localClassList,".space-list-ul");
        })

// 点击添加新的教室
        $(".addNewClassBtn").on("click",function () {

            selectedTag = [];// 将已选筛选记录清空，selectedTag所有已筛选的筛选项
            selectedSpaceIndex = [];//清空已邀请教室记录


            // 将教室标题显示，用户标题隐藏
            $(".chooseUserTitle").hide();
            $(".chooseClassTitle").show();

            // 将已选空间标题改为：当前邀请的教室
            $(".selected-title-content").html("当前邀请的教室");

            // 初始化显示本地教室
            $(".chooseClassTitle ul li").eq(0).children("a").addClass("active");
            $(".chooseClassTitle ul li").eq(1).children("a").removeClass("active");

            // 隐藏用户筛选区，显示教室筛选区
            $(".choose-class").show().next(".choose-user").hide();

            // 筛选区显示本地教室筛选，隐藏在线教室筛选
            $(".onineClassChoosen").hide().prev(".localClassChoosen").show();

            //完成创建按钮显示教室的邀请按钮，隐藏用户的邀请按钮。
            $("#user-confirm-btn").hide().prev("#class-confirm-btn").show();

            //初始化弹窗
            initModeWindow(localClassList,".space-list-ul");

            $(this).parent().hide().prev(".leftSelectClass").show();

        })

// 点击切换本地和在线教室
        $(".chooseClassTitle ul").on("click","li",function () {

            if($(this).index()==0){
                sh.createList(localClassList,30,".space-list-ul","");
                $(".localClassChoosen").show().next(".onineClassChoosen").hide();
            }else{
                sh.createList(onlineClassList,30,".space-list-ul","");
                $(".onineClassChoosen").show().prev(".localClassChoosen").hide();
            }
            $(this).children("a").addClass("active").parent().siblings("li").children("a").removeClass("active")
        })

// 点击邀请列表删除按钮，删掉当前邀请记录
        $(".classSelectContent").on("click",".del-class",function () {
            $(this).parent().remove();
        })

// 点击已选教室，显示删除按钮
        $("body").on("click",".classSelectContent ul li,.space-selected-content li",function(){
            if(!$(this).hasClass("active")){
                $(this).addClass("active").siblings("li").removeClass("active");
            }
        });

        // 点击可选空间，添加selectedSpaceIndex保存记录，添加下方已选空间项
        $(".space-list").on("click",".space-list-ul li a",function(){
            var thisIndex = parseInt($(this).parent().attr("index"));
            if(!$(this).hasClass("active")){
                var spaceSelectedContent= '<li index="'+thisIndex+'"><span>'+$(this).html()+'</span><a href="####" class="del-class"></a></li>';
                $(".space-selected-content").append(spaceSelectedContent);

                // 将已选的空间序号推入数组
                selectedSpaceIndex.push(thisIndex);
                $(this).addClass("active");
            }else{
                return;
            }
        })

        // 点击已选空间删除按钮，删除对应的元素、去掉点击过的空间的样式、删掉已选数组的保存记录
        $(".space-selected-content").on("click",".del-class",function(){
            var thisIndex = $(this).parent("li").attr("index");
            $(this).parent("li").remove();
            $(".space-list li[index='"+thisIndex+"']").children("a").removeClass("active");
            selectedSpaceIndex.remove(parseInt(thisIndex));
        })

        //全选功能
        $(".all-select").on("click",function(){

            // $(".space-list-ul li a").addClass("active");
            $(this).attr("disabled","true");
            var spaceSelectedContent = "";

            $(".space-list-ul li").each(function () {
                var thisA = $(this).children("a");
                var thisId = $(this).attr("index"); // 记录数据id
                if(!thisA.hasClass("active")){
                    spaceSelectedContent += '<li index='+thisId+'><span>'+thisA.html()+'</span>&nbsp;<a href="####" class="del-class"></a></li>';
                    thisA.addClass("active");
                    selectedSpaceIndex.push(thisId);
                }
            })

            $(".space-selected-content").append(spaceSelectedContent);


            // if(allClassSelectedStaus[currentPage]!="selected"){
            //     var startIndex = parseInt($(".space-list-ul li").eq(0).attr("index"));// 获取该页第一个可选空间的序号
            //     var endIndex = startIndex+$(".space-list-ul li").length;
            //     var spaceSelectedContent = "";
            //     for(var i = startIndex;i<endIndex;i++){
            //         spaceSelectedContent += '<li index='+i+'><span>'+$(".space-list-ul li").eq(i-startIndex).children("a").html()+'</span>&nbsp;<a href="####" class="del-class"></a></li>';
            //         selectedSpaceIndex.push(i);
            //     }
            //
            //     // 已选空间序号数组去重
            //     selectedSpaceIndex = sh.uniq(selectedSpaceIndex);
            //
            //
            //     $(".space-selected-content").append(spaceSelectedContent);
            //
            //     // 去掉列表中重复的元素
            //     $(".space-selected-content li").each(function () {
            //         var _this= $(this);
            //         $(this).siblings("li").each(function () {
            //             if(_this.attr("index") == $(this).attr("index")){
            //                 $(this).remove();
            //             }
            //         })
            //     })
            //     // 将当前页全选状态保存，方便返回当前页时，保持当前页选中状态
            //     allClassSelectedStaus[currentPage] = "selected";
            //
            // }else{
            //     return;
            // }

        })

        // 点击清空按钮，清空所有记录
        $(".all-clear-btn-content").on("click",function () {

            $(".space-selected-content").empty();
            selectedSpaceIndex = [];
            // allClassSelectedStaus = [];
            $(".space-list-ul li a").removeClass("active");
        })

        /* 本地教室按年级、楼栋筛选功能区开始 */
        var selectedTag = [];// selectedTag用于储存当前被选中后的筛选条件的值

        // 本地教室按年级、楼栋全选按钮
        $(".localClassChoosen").on("click",".all-grade-btn",function(){

            $(this).addClass("active").siblings("a").removeClass("active");
            // 清除当前行的选中筛选项
            $(this).parent().children("a").each(function(){
                var _thisText = $(this).html();
                selectedTag.forEach(function(item){
                    if(_thisText == item){
                        selectedTag.remove(item);
                    }
                })
            })
            //服务端筛选将selectedTag作为参数通过ajax到后台过滤数据，回调sh.createList方法

            // 客户端
            anyOptionSelectCallBack(localClassList,selectedTag,".space-list-ul");
        })
        // 选择本地教室筛选选项，出现/隐藏选项的选中状态，回调筛选方法显示结果
        $(".localClassChoosen").on("click",".in-addtress-content a:not('.all-grade-btn')",function(){
            if($(this).hasClass("active")){
                $(this).removeClass("active");
                selectedTag.remove($(this).html())
            }else{
                $(this).addClass("active").parent("div").children("a").eq(0).removeClass("active");
                selectedTag.push($(this).html());
            }
            // 服务器端筛选可直接将selectedTag作为参数通过ajax发送后台过滤数据，回调sh.createList方法即可

            // 客户端筛选：
            anyOptionSelectCallBack(localClassList,selectedTag,".space-list-ul")
        })

        // 本地教室按年级、楼栋全选按钮
        $(".onineClassChoosen").on("click",".all-grade-btn",function(){

            $(this).addClass("active").siblings("a").removeClass("active");
            // 清除当前行的选中筛选项
            $(this).parent().children("a").each(function(){
                var _thisText = $(this).html();
                selectedTag.forEach(function(item){
                    if(_thisText == item){
                        selectedTag.remove(item);
                    }
                })
            })
            //服务端筛选将selectedTag作为参数通过ajax到后台过滤数据，回调sh.createList方法

            // 客户端
            anyOptionSelectCallBack(onlineClassList,selectedTag,".space-list-ul");
        })
        // 选择在线教室筛选选项，出现/隐藏选项的选中状态，回调筛选方法显示结果
        $(".onineClassChoosen").on("click",".in-addtress-content a:not('.all-grade-btn')",function(){
            if($(this).hasClass("active")){
                $(this).removeClass("active");
                selectedTag.remove($(this).html())
            }else{
                $(this).addClass("active").parent("div").children("a").eq(0).removeClass("active");
                selectedTag.push($(this).html());
            }
            // 服务器端筛选可直接将selectedTag作为参数通过ajax发送后台过滤数据，回调sh.createList方法即可

            // 客户端筛选：
            anyOptionSelectCallBack(onlineClassList,selectedTag,".space-list-ul")
        })


        // 点击收起，收起筛选面板
        $(".sildeUp").on("click",function(){
            $(this).parent().addClass("hide");
            $(this).parent().next(".showAll").show();
            $(this).hide();
        })
        // 点击展开按钮，显示筛选面板
        $(".showAll").on("click",function(){
            $(this).prev().removeClass("hide");
            $(this).prev().children(".sildeUp").show();
            $(this).hide();
        })

        /* 按年级、楼栋筛选功能区结束 */

        // 点击弹窗的叉叉，直接关闭弹窗，不保存任何记录
        $(".modeWindow").on("click",".windowExitBtn,.created-btn",function(){
            $(".modeWindow").hide();
            $(".fullbg").hide();
        })

        //点击确定邀请将所有教室添加到邀请列表中
        $("#class-confirm-btn").on("click",function(){

            var inviteListHtml = "";
            if(selectedSpaceIndex.length){
                selectedSpaceIndex.forEach(function (item,index) {
                    item = parseInt(item);
                    inviteListHtml+='<li index="'+ item +'">' + spaceList[item].spaceName + '<a href="####" class="del-class"></a></li>';
                })
                $("#classSelectContent ul").html(inviteListHtml);
            }else{
                $(".leftSelectClass").eq(0).hide();
                $(".leftSelectClass").eq(1).show();
            }

            $(".modeWindow").hide();
            $(".fullbg").hide();

        })


        // 在线教室初始化四级联动
        addressInit('area', 'cmbProvince', 'cmbCity', 'cmbArea', '请选择', '请选择', '请选择', '请选择');

        // 点击在线教室页查询按钮，搜索相应结果
        $("#inputSearchClassBtn").on("click",function () {

            //获取当前选中的区域的option的序号，0为请选择。
            var areaSelectedIndex = $("#area").prop("selectedIndex");
            var schoolVal = $("#cmbArea").val();

            // 获取当前检索范围：在线或全部,0为在线，1为全部
            var searchRange = $("input[name='isOnline']:checked").val();

            // 获取当前输入框的值
            var inputVal = $.trim($("#searchKeyword").val());
            var dataList = searchRange == 0 ? onlineClassList : spaceList;

            selectedInit(inputVal,schoolVal,dataList,areaSelectedIndex);

        })


        /*教室弹窗功能结束*/



        /*用户弹窗功能开始*/

        // userList为所有用户的数据，后台需发送ajax得到userList
        var userList = [
            {
                id:0,
                userName:"李白",
                grade:"五年级",
                addtress:"JO1",
                // 若有其他筛选条件可新增键值对: key:"value",此处功能后续再丰富，本版本与教室筛选相同
                school:"万松园小学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:1,
                userName:"杜甫",
                grade:"六年级",
                addtress:"JO1",
                school:"万松园小学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:2,
                userName:"郑板桥",
                grade:"一年级",
                addtress:"JO1",
                school:"万松园小学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:3,
                userName:"张竞超",
                grade:"二年级",
                addtress:"JO1",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:4,
                userName:"胡思琦",
                grade:"三年级",
                addtress:"JO1",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:5,
                userName:"吴攀峰",
                grade:"四年级",
                addtress:"JO1",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:6,
                userName:"张竞超",
                grade:"五年级",
                addtress:"JO1",
                school:"四川大学"//是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:7,
                userName:"张竞超",
                grade:"六年级",
                addtress:"JO1",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:8,
                userName:"胡思琦",
                grade:"一年级",
                addtress:"JO1",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:9,
                userName:"胡思琦",
                grade:"二年级",
                addtress:"JO1",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:10,
                userName:"胡思琦",
                grade:"三年级",
                addtress:"JO2",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:11,
                userName:"胡思琦",
                grade:"四年级",
                addtress:"JO2",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:12,
                userName:"胡思琦",
                grade:"五年级",
                addtress:"JO2",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:13,
                userName:"胡思琦",
                grade:"六年级",
                addtress:"JO2",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:14,
                userName:"吴攀峰",
                grade:"一年级",
                addtress:"JO2",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:15,
                userName:"吴攀峰",
                grade:"二年级",
                addtress:"JO2",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:16,
                userName:"吴攀峰",
                grade:"三年级",
                addtress:"JO2",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:17,
                userName:"吴攀峰",
                grade:"四年级",
                addtress:"JO2",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:18,
                userName:"李胜",
                grade:"五年级",
                addtress:"JO2",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:19,
                userName:"李胜",
                grade:"六年级",
                addtress:"JO2",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:20,
                userName:"李胜",
                grade:"一年级",
                addtress:"JO2",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:21,
                userName:"李白",
                grade:"二年级",
                addtress:"JO2",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:22,
                userName:"杜甫",
                grade:"三年级",
                addtress:"JO3",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:23,
                userName:"李清照",
                grade:"四年级",
                addtress:"JO3",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:24,
                userName:"鲁迅",
                grade:"五年级",
                addtress:"JO3",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:25,
                userName:"朱自清",
                grade:"六年级",
                addtress:"JO3",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:26,
                userName:"郭沫若",
                grade:"一年级",
                addtress:"JO3",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:27,
                userName:"胡适",
                grade:"二年级",
                addtress:"JO3",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:28,
                userName:"辛弃疾",
                grade:"三年级",
                addtress:"JO3",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:29,
                userName:"王焕之",
                grade:"四年级",
                addtress:"JO3",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:30,
                userName:"杜甫",
                grade:"五年级",
                addtress:"JO3",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:31,
                userName:"王焕之",
                grade:"六年级",
                addtress:"JO4",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间

            },
            {
                id:32,
                userName:"王焕之",
                grade:"一年级",
                addtress:"JO4",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:33,
                userName:"张竞超",
                grade:"二年级",
                addtress:"JO4",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:34,
                userName:"张竞超",
                grade:"三年级",
                addtress:"JO4",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:35,
                userName:"胡思琦",
                grade:"四年级",
                addtress:"JO4",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:36,
                userName:"胡思琦",
                grade:"五年级",
                addtress:"JO4",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:37,
                userName:"胡思琦",
                grade:"六年级",
                addtress:"JO4",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:38,
                userName:"吴攀峰",
                grade:"一年级",
                addtress:"JO4",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:39,
                userName:"吴攀峰",
                grade:"二年级",
                addtress:"JO4",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:40,
                userName:"吴攀峰",
                grade:"三年级",
                addtress:"JO4",
                school:"四川大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:41,
                userName:"张爱玲",
                grade:"四年级",
                addtress:"JO5",
                school:"武汉大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:42,
                userName:"张爱玲",
                grade:"五年级",
                addtress:"JO5",
                school:"新疆大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:43,
                userName:"张爱玲",
                grade:"六年级",
                addtress:"JO5",
                school:"吉林大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:44,
                userName:"鲁迅",
                grade:"一年级",
                addtress:"JO5",
                school:"武汉学院" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:45,
                userName:"鲁迅",
                grade:"二年级",
                addtress:"JO5",
                school:"湖北大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:46,
                userName:"朱自清",
                grade:"三年级",
                addtress:"JO5",
                school:"汉口学院" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:47,
                userName:"朱自清",
                grade:"四年级",
                addtress:"JO5",
                school:"武昌学院" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:48,
                userName:"朱自清",
                grade:"五年级",
                addtress:"JO5",
                school:"江汉大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:49,
                userName:"胡适",
                grade:"六年级",
                addtress:"JO5",
                school:"新疆大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:50,
                userName:"胡适",
                grade:"三年级",
                addtress:"JO4",
                school:"东北大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:51,
                userName:"郭沫若",
                grade:"四年级",
                addtress:"JO5",
                school:"哈尔滨工程大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:52,
                userName:"郭沫若",
                grade:"五年级",
                addtress:"JO5",
                school:"哈尔滨工业大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:53,
                userName:"琼瑶",
                grade:"六年级",
                addtress:"JO5",
                school:"清华大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:54,
                userName:"琼瑶",
                grade:"一年级",
                addtress:"JO5",
                school:"北京师范大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:55,
                userName:"琼瑶",
                grade:"二年级",
                addtress:"JO5",
                school:"中国传媒大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:56,
                userName:"张三",
                grade:"三年级",
                addtress:"JO5",
                school:"哈尔滨工程大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:57,
                userName:"张三",
                grade:"四年级",
                addtress:"JO5",
                school:"海军工程大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:58,
                userName:"张三",
                grade:"五年级",
                addtress:"JO5",
                school:"武汉科技大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:59,
                userName:"李白",
                grade:"六年级",
                addtress:"JO5",
                school:"湖北美术学院" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:60,
                userName:"李白",
                grade:"三年级",
                addtress:"JO4",
                school:"湖北工业大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:61,
                userName:"李白",
                grade:"四年级",
                addtress:"JO5",
                school:"华中师范大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:62,
                userName:"李白",
                grade:"五年级",
                addtress:"JO5",
                school:"北京航天大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:63,
                userName:"杜甫",
                grade:"六年级",
                addtress:"JO5",
                school:"北京航空航天大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:64,
                userName:"杜甫",
                grade:"一年级",
                addtress:"JO5",
                school:"湖南大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:65,
                userName:"杜甫",
                grade:"二年级",
                addtress:"JO5",
                school:"新疆大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:66,
                userName:"杜甫",
                grade:"三年级",
                addtress:"JO5",
                school:"家里蹲大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:67,
                userName:"方文山",
                grade:"四年级",
                addtress:"JO5",
                school:"家里蹲大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:68,
                userName:"方文山",
                grade:"五年级",
                addtress:"JO5",
                school:"家里蹲大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:69,
                userName:"方文山",
                grade:"六年级",
                addtress:"JO5",
                school:"家里蹲大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:70,
                userName:"韩寒",
                grade:"二年级",
                addtress:"JO5",
                school:"家里蹲大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:71,
                userName:"韩寒",
                grade:"三年级",
                addtress:"JO5",
                school:"家里蹲大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:72,
                userName:"韩寒",
                grade:"四年级",
                addtress:"JO5",
                school:"家里蹲大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:73,
                userName:"韩寒",
                grade:"五年级",
                addtress:"JO5",
                school:"家里蹲大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            },
            {
                id:74,
                userName:"辛弃疾",
                grade:"六年级",
                addtress:"JO5",
                school:"家里蹲大学" //是否为本地教室通过该空间所属的院校判断，如果院校与当前空间院校相同则是本地空间，如果不同是在线空间
            }
        ]


        // localSchool是当前空间或用户所属的学校，后台通过发送ajax得到当前空间所属的学校属性存入localSchool
        var localSchool = "四川大学";

        var localUserList = [];// localUserList用于渲染本地教室列表
        var onlineUserList = [];// onlineUserList用于渲染在线教室列表

        // 将本地用户筛选进localUserList中，将在线用户筛选进onlineUserList中
        userList.forEach(function(item){
            item.school == localSchool ? localUserList.push(item) : onlineUserList.push(item);
        });
        console.log(onlineUserList);
        // 在线用户初始化四级联动
        addressInit('userArea', 'userCmbProvince', 'userCmbCity', 'userCmbArea', '请选择', '请选择', '请选择', '请选择');

// 点击添加用户按钮，显示用户选择弹窗
        $(".addUserBtn").on("click",function () {

            selectedTag = [];// 将已选筛选记录清空，selectedTag所有已筛选的筛选项
            selectedSpaceIndex = [];  // 将已选记录清空，selectedSpaceIndex保存了所有的已邀请的教室的id

            $("#userSelectSection ul li").each(function () {
                selectedSpaceIndex.push(parseInt($(this).attr("index"))); // selectedSpaceIndex为已选教室的保存记录，保存已邀请教室的id.
            })

            // 将本地教室标题切换隐藏，本地用户标题切换显示
            $(".chooseUserTitle").show();
            $(".chooseClassTitle").hide();

            // 将已选空间标题改为：当前邀请的用户
            $(".selected-title-content").html("当前邀请的用户");

            // 初始化显示本地用户
            $(".chooseUserTitle ul li").eq(0).children("a").addClass("active");
            $(".chooseUserTitle ul li").eq(1).children("a").removeClass("active");

            // 隐藏教室筛选，显示用户筛选区
            $(".choose-class").hide().next(".choose-user").show();
            $(".onineUserChoosen").hide().prev(".localUserChoosen").show();

            //完成创建按钮显示用户的邀请按钮，隐藏教室的邀请按钮。
            $("#class-confirm-btn").hide().next("#user-confirm-btn").show();

            //初始化弹窗,显示本地教室选择器
            initModeWindow(localUserList,".space-list-ul");
        })

// 点击添加新的用户
        $(".addNewUserBtn").on("click",function () {

            selectedTag = [];// 将已选筛选记录清空，selectedTag所有已筛选的筛选项
            //清空已邀请教室记录
            selectedSpaceIndex = [];

            // 将本地教室标题切换隐藏，本地用户标题切换显示
            $(".chooseUserTitle").show();
            $(".chooseClassTitle").hide();

            // 将已选空间标题改为：当前邀请的用户
            $(".selected-title-content").html("当前邀请的用户");

            // 初始化显示本地用户
            $(".chooseUserTitle ul li").eq(0).children("a").addClass("active");
            $(".chooseUserTitle ul li").eq(1).children("a").removeClass("active");

            // 隐藏教室筛选，显示用户筛选区
            $(".choose-class").hide().next(".choose-user").show();
            $(".onineUserChoosen").hide().prev(".localUserChoosen").show();

            //完成创建按钮显示用户的邀请按钮，隐藏教室的邀请按钮。
            $("#class-confirm-btn").hide().next("#user-confirm-btn").show();

            //初始化弹窗
            initModeWindow(localUserList,".space-list-ul");
            $(this).parent().hide().prev(".rightSelectPerson").show();

        })


        // 点击切换本地和在线教室
        $(".chooseUserTitle ul").on("click","li",function () {
            if($(this).index()==0){
                sh.createList(localUserList,30,".space-list-ul","");
                $(".localUserChoosen").show().next(".onineUserChoosen").hide();
            }else{
                sh.createList(onlineUserList,30,".space-list-ul","");
                $(".onineUserChoosen").show().prev(".localUserChoosen").hide();
            }
            $(this).children("a").addClass("active").parent().siblings("li").children("a").removeClass("active")
        })


        //点击确定邀请将所有教室添加到邀请列表中
        $("#user-confirm-btn").on("click",function(){
            var inviteListHtml = "";
            if(selectedSpaceIndex.length){
                selectedSpaceIndex.forEach(function (item,index) {
                    item = parseInt(item);
                    inviteListHtml+='<li index="'+ item +'">' + userList[item].userName + '<a href="####" class="del-class"></a></li>';
                })
                $("#userSelectSection ul").html(inviteListHtml);
            }else{
                $(".rightSelectPerson").eq(0).hide();
                $(".rightSelectPerson").eq(1).show();
            }

            $(".modeWindow").hide();
            $(".fullbg").hide();

        })


        // 本地用户按年级、楼栋全选按钮
        $(".localUserChoosen").on("click",".all-grade-btn",function(){

            $(this).addClass("active").siblings("a").removeClass("active");
            // 清除当前行的选中筛选项
            $(this).parent().children("a").each(function(){
                var _thisText = $(this).html();
                selectedTag.forEach(function(item){
                    if(_thisText == item){
                        selectedTag.remove(item);
                    }
                })
            })
            //服务端筛选将selectedTag作为参数通过ajax到后台过滤数据，回调sh.createList方法

            // 客户端
            anyOptionSelectCallBack(localUserList,selectedTag,".space-list-ul");
        })
        // 选择用户教室筛选选项，出现/隐藏选项的选中状态，回调筛选方法显示结果
        $(".localUserChoosen").on("click",".in-addtress-content a:not('.all-grade-btn')",function(){
            if($(this).hasClass("active")){
                $(this).removeClass("active");
                selectedTag.remove($(this).html())
            }else{
                $(this).addClass("active").parent("div").children("a").eq(0).removeClass("active");
                selectedTag.push($(this).html());
            }
            // 服务器端筛选可直接将selectedTag作为参数通过ajax发送后台过滤数据，回调sh.createList方法即可

            // 客户端筛选：
            anyOptionSelectCallBack(localUserList,selectedTag,".space-list-ul")
        })

        // 本地用户按年级、楼栋全选按钮
        $(".onineUserChoosen").on("click",".all-grade-btn",function(){

            $(this).addClass("active").siblings("a").removeClass("active");
            // 清除当前行的选中筛选项
            $(this).parent().children("a").each(function(){
                var _thisText = $(this).html();
                selectedTag.forEach(function(item){
                    if(_thisText == item){
                        selectedTag.remove(item);
                    }
                })
            })
            //服务端筛选将selectedTag作为参数通过ajax到后台过滤数据，回调sh.createList方法

            // 客户端
            anyOptionSelectCallBack(onlineUserList,selectedTag,".space-list-ul");
        })
        // 选择用户教室筛选选项，出现/隐藏选项的选中状态，回调筛选方法显示结果
        $(".onineUserChoosen").on("click",".in-addtress-content a:not('.all-grade-btn')",function(){
            if($(this).hasClass("active")){
                $(this).removeClass("active");
                selectedTag.remove($(this).html())
            }else{
                $(this).addClass("active").parent("div").children("a").eq(0).removeClass("active");
                selectedTag.push($(this).html());
            }
            // 服务器端筛选可直接将selectedTag作为参数通过ajax发送后台过滤数据，回调sh.createList方法即可

            // 客户端筛选：
            anyOptionSelectCallBack(onlineUserList,selectedTag,".space-list-ul")
        })


        // 点击在线教室页查询按钮，搜索相应结果
        $("#userInputSearchClassBtn").on("click",function () {

            //获取当前选中的区域的option的序号，0为请选择。
            var areaSelectedIndex = $("#userArea").prop("selectedIndex");
            var schoolVal = $("#userCmbArea").val();

            // 获取当前检索范围：在线或全部,0为在线，1为全部
            var searchRange = $("input[name='userIsOnline']:checked").val();

            // 获取当前输入框的值
            var inputVal = $.trim($("#userSearchKeyword").val());

            var dataList = searchRange == 0 ? onlineUserList : userList;

            console.log(dataList);
            selectedInit(inputVal,schoolVal,dataList,areaSelectedIndex);

        })
        /*用户弹窗功能结束*/

        /*对步骤二进行全局初始化结束*/

    }
    else if(nowStepNum == 3){                // 步骤三
        $("#endBtn").remove();
        $("#nextBtn").show();
        $("#nextBtn").html("下一步");
        $(".inputInviteNote").change(function(){
            $(this).next(".t_h").children("i").html($(".inputInviteNote").val().length)
        })
        $(".inputInviteNote").keydown(function(){
            $(this).next(".t_h").children("i").html($(".inputInviteNote").val().length)
        })
        $(".inputInviteNote").keyup(function(){
            $(this).next(".t_h").children("i").html($(".inputInviteNote").val().length)
        })
    }
    else if(nowStepNum == 4){
        // 步骤四
        // 左侧主播模式菜单手势滑动初始化

        document.getElementsByTagName('img')[0].onmousedown = function(e){
            e.preventDefault()
        }
        swiperInit('#broadcastMode');

        // 下一步按钮隐藏，完成创建按钮显示
        var endBtnHtml = '<button type="button" class="btn btn-default nextBtn" id="endBtn">完成创建</button>';
        $("#nextBtn").after(endBtnHtml);
        $("#nextBtn").hide();
        $(".stepCont2").on("click","#endBtn",function () {
            window.location = "mylives.php"; // ****请后台改为对应的php文件地址
        })

        // 初始化右侧画面显示内容，一开始显示第一条数据，从后台获取id=0的数据
        initMovie($(".mode-item").eq(0),0);

        //点击左侧菜单模式切换，切换时右侧内容随之切换成当前模式下选中菜单的内容
        $(".selectMenuBtn").on("click","ul li",function () {

            $(this).addClass("active").siblings("li").removeClass("active");
            $(this).children("a").addClass("active");
            $(this).siblings("li").children("a").removeClass("active");
            var index = $(this).attr("index");
            $(".selectModeList").hide();
            $(".selectModeList").eq(index).show();


            // 切换模式后，右侧根据被选中的菜单重绘标题和内容
            $(".mode-item").each(function(){

                if($(this).attr("isSelected")==1 && $(this).parent().parent().css("display") == "block" ){
                    // 切换右侧标题和内容，将当前模式的索引值index发送到后台获取对应的直播内容
                    initMovie($(this),$(this).attr("index"));
                    return;
                }
            })

            if(index == 1){
                swiperInit('#teachMode')
            }else{
                swiperInit('#broadcastMode')
            }

        })

        // 点击左侧某个菜单，右侧内容切换
        $(".selectModeList").on("click",".mode-item",changeModeCallBack)

        // 切换背景下拉菜单
        sh.toggleMenu({
            targetTitleEle:"#changeBac", //select content
            submenuEle:".active-item-sub-menu", //options 容器
            toggleClassName:"actived", // 一级菜单切换小三角的样式名
            subMenuChildEle:".active-item-sub-menu span", // options子元素
        })

    }
    else{
        // 步骤五
        return;
    }
}

/* 步骤二所需方法开始 */

var selectedSpaceIndex = [];// selectedSpaceIndex为已选教室的保存记录，保存已选空间的id.初始化为空
var selectedUserIndex = []; //selectedSpaceIndex为已选用户的保存记录，保存已选用户的id.初始化为空
var currentPage =1;// 初始化当前页码，全选时使用记录当前页被全选过，返回当前页时，当前页数据全部选中

// 翻页回调，对数据进行个性化渲染，targetUl是装载数据的容器，startIndex是第一条数据的id，endIndex是最后一条数据的id，data是获取到的数据,defaultImgUrl是默认图片
function getDataAndSortCallback(targetUl,startIndex,endIndex,data,defaultImgUrl){
    // 后台可在此通过发送startIndex、endIndex两个参数获取当前页的数据，用于服务端分页,客户端分页可忽略
    // ...
    var indexRange = endIndex-startIndex; // 需总共请求的数据条数
    var contentHtml = "";
    var pageIndex = startIndex/30+1;
    currentPage = pageIndex;
    // console.log(selectedSpaceIndex);
    // console.log(startIndex);
    var dataHtml; // 可选列表显示的内容：教室名称或用户名称
    for (var j = startIndex; j < endIndex; j++){ // 服务器端分页改为for(var j=0; j < indexRange; j++)
        dataHtml = data[j].spaceName ? data[j].spaceName : data[j].userName;
        contentHtml = ' <li index='+data[j].id+'><a href="####">'+dataHtml+'</a></li>';
        if(selectedSpaceIndex.length>0){
            selectedSpaceIndex.forEach(function(val){
                if(val==data[j].id){
                    // 被选中的空间名称加上active样式
                    contentHtml='<li index="'+data[j].id+'"><a href="####" class="active">'+dataHtml+'</a></li>'
                }
            })
        }
        targetUl.append(contentHtml);
    }
}

function initModeWindow(data,targetUl){

    $(".fullbg").show();
    $(".chooseClass").show();

    $(".space-selected-content").empty();

    // 可选空间列表初始化
    sh.createList(data,30,targetUl,"");
}

// 多条件筛选
function anyOptionSelectCallBack(targetData,selectedTags,targetUl){ // targetData是 需要筛选的目标数据，selectedTags是当前所有选中的筛选条件，targetUl是 显示所有结果的父级元素
    var selectList = targetData; //在selectList副本上筛选教室
    selectedTags.forEach(function(selectedTagItem){
        selectList = (selectList.filter(function(item){
            return item.grade == selectedTagItem || item.addtress == selectedTagItem
        }))
    })
    if(selectList.length>0){
        sh.createList(selectList,30,targetUl,"")
    }else{
        $(targetUl).html("没有匹配的结果")
    }
}

// 四级联动+输入框模糊搜索+单选框联动查询
function selectedInit(inputVal,schoolVal,dataList,areaSelectedIndex){
    // 根据四级联动中的学校信息和筛选内容对数据进行联动查询
    var resultList = [];
    var reg = new RegExp(inputVal,"ig");// 正则匹配，全局搜索，忽略大小写
    if( areaSelectedIndex == 0 ) { // 客户端模糊搜索，搜索楼栋、学校、空间名字段
        for(var i=0;i<dataList.length;i++){
            var nameAttr = dataList[i].spaceName ? dataList[i].spaceName : dataList[i].userName;

            if(dataList[i].addtress.match(reg) || nameAttr.match(reg) || dataList[i].school.match(reg)){
                resultList.push(dataList[i]);
            }

        }
    }else{
        var reg2 = new RegExp(schoolVal,"ig");//正则匹配下拉框
        for(var i=0;i<dataList.length;i++){
            var nameAttr = dataList[i].spaceName ? dataList[i].spaceName : dataList[i].userName;
            if(( dataList[i].addtress.match(reg) || nameAttr.match(reg) || dataList[i].school.match(reg)) && (dataList[i].school.match(reg2)) ){
                resultList.push(dataList[i]);
            }
        }
    }

    // console.log(resultList);
    if(resultList.length>0){
        sh.createList(resultList,30,".space-list-ul","");
    }else{
        $(".space-list-ul").html("没有匹配的结果");
    }

}
/* 步骤二所需方法结束 */



/* 步骤四所需方法开始 */

// 初始化右侧内容区 标题以及内容，多次调用可重绘
function initMovie(el,index){// el为当前被选中的元素，index为元素的索引值，后台可用于获取对应数据
    var newTitle = el.children("a").children(".movieModeInfo").html();
    $(".rightMovieWrap .titleMsg").html(newTitle);

    // ...后台将index作为参数发送ajax到后台获取该条数据，渲染右侧内容,可将ajax方法封装在此，即可实现点击、切换、初始化自动渲染右侧内容
    // 模拟数据
    var data = [
        {
            id:0,
            title:"教学课程1",
            imgUrl:"images/bac/ex_img2.png",
        },
        {
            id:1,
            title:"教学课程2",
            imgUrl:"images/bac/ex_img2.png",
        },
        {
            id:2,
            title:"教学课程3",
            imgUrl:"images/bac/ex_img2.png",
        },
        {
            id:3,
            title:"教学课程4",
            imgUrl:"images/bac/ex_img2.png",
        },
        {
            id:4,
            title:"教学课程5",
            imgUrl:"images/bac/ex_img2.png",
        },
        {
            id:5,
            title:"教学课程6",
            imgUrl:"images/bac/ex_img2.png",
        },
        {
            id:6,
            title:"教学课程7",
            imgUrl:"images/bac/ex_img2.png",
        },
        {
            id:7,
            title:"教学课程8",
            imgUrl:"images/bac/ex_img2.png",
        },
        {
            id:8,
            title:"教学课程9",
            imgUrl:"images/bac/ex_img2.png",
        },
        {
            id:9,
            title:"教学课程10",
            imgUrl:"images/bac/ex_img2.png",
        },
        {
            id:10,
            title:"教学课程11",
            imgUrl:"images/bac/ex_img2.png",
        },
        {
            id:11,
            title:"教学课程12",
            imgUrl:"images/bac/ex_img2.png",
        },
    ]
    // console.log(index);
    var imgHtml =   '<img src="'+data[index].imgUrl +'" alt="">';
    $(".rightMovieContent").html(imgHtml);

}

// 左侧滑动菜单初始化
function swiperInit(el){
    swiper = new Swiper(el, {
        slidesPerView: 4,
        slidesPerColumn:2,
        direction: 'vertical',//3版本垂直滑动
        mode: 'vertical' , //2版本垂直滑动,兼容ie9
        // resistanceRatio : 0 // 禁用弹性
        // pagination: {
        //     el: '.swiper-pagination',
        //     clickable: true,
        // },
    });
}

// 右侧切换背景下拉菜单回调方法
function changeStatusCallback(el){
    // bacId是当前选择的背景的索引值，
    // ...后台将bacId作为参数通过ajax发送到后台获取对应的背景数据。
    var bacId = el.attr("status");
}



// 左侧模式选择菜单回调方法
function changeModeCallBack() {

    $(this).addClass("active").siblings(".mode-item").removeClass("active");
    // $(this).append("<div class='inner-border'></div>").siblings(".mode-item").children(".inner-border").remove();
    // $(this).attr("isSelected",1).siblings(".mode-item").attr("isSelected",0);
    $(this).attr("isSelected",1).siblings(".mode-item").attr("isSelected",0);

    initMovie($(this),$(this).index())

}

/* 步骤四所需方法结束 */

